<html>

<head>
<title>Peaksight - Visualization</title>

<link rel="stylesheet" type="text/css" href="css/style.css"></link>
<link rel="stylesheet" type="text/css" href="css/show.css"></link>
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css' />
<!-- For the dialog css -->
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

<!-- JQuery -->
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript" >

function initialize() {
	var i = document.getElementById('issue');
	var issue = JSON.parse(i.innerHTML);
	
	var div = document.getElementById('content');
	div.innerHTML = email['text'].replace(/\n/g, "<br />");
}
</script>

</head>
<body onload="initialize()">

<header>
<div>
<a href="index.html"><img src="img/peaksight.png" /><h1>Peaksight</h1></a>
</div>
</header>

<h2 class="title">${project}</h2>

<div class="email">
	
	<table>
		<tr>
			<th>Summary</th><td>${sum}</td>
		</tr>
		<tr>
			<th>Date reported:</th><td>${dateRep}</td>
		</tr>
		<tr>
			<th>Date updated:</th><td>${dateUp}</td>
		</tr>
		<tr>
			<th>Reporter:</th><td>${reporter}</td>
		</tr>
		<tr>
			<th>Assignee:</th><td>${assignee}</td>
		</tr>
		<tr>
			<th>Priority:</th><td>${priority}</td>
		</tr>
		<tr>
			<th>Status:</th><td>${status}</td>
		</tr>
		<tr>
			<th>Resolution:</th><td>${resolution}</td>
		</tr>
	</table>
	
	
</div>

<div class="hidden" id="issue">
	${issue}
</div>
</body>

</html>